<div class="grid_8">
    <div class="main_1_slideshow">
        <div id="mySlideshows" class="slideImages">
            <img src="images/banner_1.jpg" alt="1"/>
            <img src="images/banner_2.jpg" alt="2"/>
            <img src="images/banner_3.jpg" alt="3"/>

            <!-- empty element for Progress Bar -->
            <div class="slideProgress"></div>

            <!-- empty element for Control next/prev -->
            <div class="slidePrev" id="slidePrev"></div>
            <div class="slideNext" id="slideNext"></div>
        </div>
    </div>
</div>

<div class="grid_4 main_1_banner">
    <a href="javascript:void(0)">
        <img src="images/banner_21.jpg" style="margin-bottom: 20px;"/>
    </a>
    <a href="javascript:void(0)">
        <img src="images/banner_22.jpg" />
    </a>
</div>
<div class="blockHeight20"></div>

<div class="grid_3">
    <?php require('left_menu.php') ?>
</div>
<div class="grid_9">
    <h1 class="title txtBlackColor">SẢN PHẨM MỚI</h1>
    <div class="blackLine"></div>
    <div class="blockHeight10"></div>
    <?php require('product_list.php') ?>
</div>

<script type="text/javascript">
var progress = $('.slideProgress'), slideSelector = $( '#mySlideshows' );
var timeTracking;
var timeRemain;

slideSelector.on( 'cycle-initialized cycle-before', function( e, opts ) {
    progress.stop(true).css( 'width', 0 );
});
slideSelector.on( 'cycle-initialized cycle-after', function( e, opts ) {
    progress.stop(true)
    .css('width', 0 )
    .animate({ width: '100%' }, opts.timeout, 'linear' );

    timeTracking = new Date().getTime();
});
slideSelector.on( 'cycle-paused', function( e, opts ) {
    progress.stop(); 

    myTime = new Date().getTime();
    timeRemain = opts.timeout - (myTime - timeTracking);
});
slideSelector.on( 'cycle-resumed', function( e, opts, timeoutRemaining ) {
    progress.animate({ width: '100%' }, timeoutRemaining, 'linear' );
});

$('#mySlideshows').cycle({
    log: false,
    pauseOnHover: true,
    timeout: 5000,
    fx: 'fade',
    prev: '#slidePrev',
    next: '#slideNext'
});    
</script>